---
title: Community Plugins
---

import { ShowcaseCTA, ShowcaseText } from 'starlight-showcases'

The community-maintained plugins on this page extend Expressive Code to add new behaviors and capabilities.

<ShowcaseCTA>Have you built an Expressive Code plugin? [Open a PR](https://github.com/expressive-code/expressive-code) to add it to the list!</ShowcaseCTA>

<ShowcaseText
	entries={[
		{
			href: 'https://delucis.github.io/expressive-code-color-chips/',
			title: 'expressive-code-color-chips',
			description: 'Add color previews to your CSS code examples.',
		},
		{
			href: 'https://twoslash.matthiesen.dev/',
			title: 'expressive-code-twoslash',
			description: 'Add Twoslash support to your TypeScript code blocks.',
		},
		{
			href: 'https://github.com/FujoWebDev/fujocoded-plugins/tree/main/expressive-code-caption',
			title: '@fujocoded/expressive-code-caption',
			description: 'Add figure captions to codeblocks.',
		},
		{
			href: 'https://github.com/FujoWebDev/fujocoded-plugins/tree/main/expressive-code-output',
			title: '@fujocoded/expressive-code-output',
			description: 'Separate code from its output within a codeblock.',
		},
    {
			href: 'https://frostybee.github.io/expressive-code-fullscreen',
			title: 'expressive-code-fullscreen',
			description: 'Add fullscreen viewing mode to your code blocks.',
		}
	]}
/>
